<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <title>城市列表</title>
    <script src="js/rem.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <style>
        body {
            background:#f4f4f4;
        }
    </style>
</head>

<body>
    <div class="search-top clearfix">
        <img src="image/backIcon.png" class="back-prev fl">
        <div class="search fl">
            <img src="image/searchIcon.png" alt="" class="search-icon">
        </div>
        <input type="text" class="search-input fl" placeholder="城市/拼音">
    </div>
    <div class="main ">
        <div class="now-city container">您正在看: 重庆</div>
        <div class="lately-visit">定位/最近访问</div>
        <div class="now-city-name">
            <img src="image/dingweiIcon.png" alt=""> 重庆
        </div>
        <div class="hot-city-box-list">
            <div class="hot-city-title">热门城市</div>
            <div class="hot-city-box  flex-space-between">
                <div class="hot-city-list">重庆</div>
                <div class="hot-city-list">重庆</div>
                <div class="hot-city-list">贵阳 <div class="benefit">避暑</div>
                </div>
                <div class="hot-city-list">广州 <div class="benefit">避暑</div>
                </div>
                <div class="hot-city-list">重庆</div>
                <div class="hot-city-list">重庆</div>
                <div class="hot-city-list">重庆</div>
                <div class="hot-city-list">重庆</div>
                <div class="hot-city-list">重庆</div>
            </div>
        </div>
        <div class="city-box">
            <div class="city-list">
                <div class="letter">A</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
            </div>
            <div class="city-list">
                <div class="letter">B</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
            </div>
            <div class="city-list">
                <div class="letter">B</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
            </div>
            <div class="city-list">
                <div class="letter">B</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
            </div>
            <div class="city-list">
                <div class="letter">B</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
                <div class="city">北京</div>
            </div>

        </div>
        <div style="height:40px;"></div>
    </div>
</body>

</html>